<template>
	<div class="sh-wrap">
		<div class="sh-top">
			<span class="sh-top-one">您的当前位置:</span>
			<a href="#/">首页</a>
			<span>></span>
			<span>礼拜五便利店 ( 天马店 )</span>
		</div>
		<div class="sh-center">
			<div class="sh-center-left">
				<div class="sh-left-top">
					<!--<fd url="http://qiniu.libaiwu.com.cn/goodsimg/1511510299972.jpg" big-url="http://qiniu.libaiwu.com.cn/goodsimg/1511510299972.jpg" :scale="2"></fd>-->
					<img src="../assets/tc/all-3-3.jpg" />
					<!--********************-->
					<div class="sh-left-down">
						<div>
							<img src="../assets/left.png" alt="" />

						</div>
						<div>
							<ul class="sh-ul">
								<li>
									<img src="../assets/tc/all-3-3.jpg" />

								</li>
							</ul>
						</div>
						<div>
							<img src="../assets/right.png" alt="" />
						</div>
					</div>
				</div>
			</div>
			<div class="sh-center-right">
				<div class="sh-right-left">
					<h3>礼拜五便利店 ( 天马店 )</h3>
					<ul>
						<li>
							<img src="../yingye.png" /> 营业时间: <span>￥0/人</span>
						</li>
						<li>
							<img src="../assets/lvphone.png" /> 18299905552
						</li>
						<li>
							<img src="../dizhi.png" /> 哈密市天马路
						</li>
					</ul>
					<strong>商家公告</strong>
				</div>
				<div class="sh-right-right">
					<div>合作商家</div>
					<p>
						<span class="sh-zhpf">综合评分:</span>
						<em></em>
						<span class="sh-wf">5分</span>
					</p>
					<ul>
						<li>
							<span>描述</span>
							<br />
							<span class="sh-li-fw">5分</span>
						</li>
						<li>
							<span>商品</span>
							<br />
							<span class="sh-li-fw">5分</span>
						</li>
						<li>
							<span>服务</span>
							<br />
							<span class="sh-li-fw">5分</span>
						</li>
					</ul>
				</div>

			</div>
			<div class="sh-fl">
				<span>分类:</span>
				<a href="#/fridaybldm" class="active">全部</a>
			</div>
		</div>
	</div>
</template>

<script>
	import Fd from 'vue-piczoom'
	export default {
		name: "fridaybldm",
		components: {
			Fd
		},
	}
</script>

<style scoped>
	.sh-wrap {
		width: 1280px;
		overflow: hidden;
		margin: auto;
	}
	
	.sh-top {
		width: 1260px;
		height: 55px;
		line-height: 55px;
		background-color: #f4f4f4;
		font-size: 15px;
		color: rgb(50, 50, 50);
		margin: 20px 0;
	}
	
	.sh-top-one {
		padding-left: 20px;
	}
	
	.sh-top a {
		margin-left: 15px;
	}
	
	.sh-top span {
		margin-left: 5px;
	}
	
	.sh-center {
		margin-top: 20px;
		overflow: hidden;
	}
	
	.sh-left-top {
		float: left;
	}
	
	.sh-left-top>img {
		width: 500px;
		height: 275px;
		vertical-align: middle;
		border: 0;
	}
	
	.sh-left-down {
		margin-top: 40px;
	}
	
	.sh-left-down div:nth-child(2) {
		display: inline-block;
		float: left;
		width: 440px;
	}
	
	.sh-left-down ul li {
		width: 95px;
		margin-right: 20px;
		float: left;
		list-style: none;
	}
	
	.sh-left-down ul li>img {
		width: 82px;
		height: 46px;
	}
	
	.sh-left-down div:nth-child(2n+1) {
		width: 14px;
		display: inline-block;
		float: left;
		padding: 10px 8px;
		cursor: pointer;
	}
	
	.sh-center-left {
		width: 500px;
		float: left;
		overflow: hidden;
	}
	
	.sh-center-right {
		width: 720px;
		float: left;
		padding-left: 40px;
		overflow: hidden;
	}
	
	.sh-right-left h3 {
		padding-bottom: 10px;
		font-size: 24px;
		margin-top: 20px;
	}
	
	strong {
		display: inline-block;
		padding-top: 30px;
		font-size: 18px;
	}
	
	.sh-right-left ul {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		font-weight: 500;
		color: #666;
		font-size: 16px;
		line-height: 40px;
	}
	
	.sh-right-left ul li span {
		margin-left: 10px;
		color: #F5AA51;
		font-size: 18px;
	}
	
	.sh-right-left {
		float: left;
		width: 350px;
	}
	
	.sh-right-right {
		float: left;
		position: relative;
		width: 300px;
		height: 250px;
		margin-left: 40px;
		padding-top: 100px;
		background-color: #F4FFF2;
		font-size: 16px;
		font-weight: 500;
	}
	
	.sh-li-fw {
		font-size: 18px;
		color: #F08200;
	}
	
	.sh-right-right div {
		width: 40px;
		height: 65px;
		color: white;
		display: inline-block;
		background-image: url(../assets/hbg.png);
		background-repeat: no-repeat;
		text-align: center;
		font-size: 14px;
		position: absolute;
		top: 0;
		right: 0;
		padding-top: 8px;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: 900;
	}
	
	.sh-right-right ul {
		margin-top: 50px;
	}
	
	.sh-right-right li {
		float: left;
		width: 32.5%;
		text-align: center;
	}
	
	.sh-right-right ul li:nth-child(n+2) {
		border-left: dashed 2px #ddd;
	}
	
	.sh-right-right p em {
		display: inline-block;
		width: 100px;
		height: 8px;
		background-color: #F08200;
	}
	
	.sh-zhpf {
		padding-left: 10px;
	}
	
	.sh-li-fw {
		display: inline-block;
		line-height: 50px;
		font-size: 20px;
	}
	
	.active {
		font-weight: 600;
		color: white;
		background-color: forestgreen;
	}
	
	.sh-fl {
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	.sh-fl>span {
		line-height: 55px;
		color: #666;
		font-size: 14px;
	}
	
	.sh-fl>a {
		padding: 5px 10px;
		margin: 0 5px;
	}
</style>